{extend name="layout/index" /}
{block name="content"}
<div class="xsui-login-page">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="page-header">
                            <h3>登陆 <small>Login</small></h3>
                        </div>
                        <form>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                    <input type="text" class="form-control" placeholder="帐号/ 邮箱/ 手机号码" required="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                                    <input type="password" class="form-control" placeholder="密码" required="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group xsui-captcha-group" style="width:300px">
                                    <input type="text" name="captcha" class="form-control" placeholder="验证码">
                                    <span class="input-group-btn">
                                        <a href="#" class="btn btn-default" title="看不清楚? 点击刷新验证码."><i class="fa fa-refresh"></i></a>
                                        <a href="#" class="btn btn-default" style="padding:0" title="点击刷新验证码"><img src="{:url('Captcha/index','h=32')}" alt="" /></a>
                                    </span>
                                </div>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> 一周内自动登录
                                </label>
                            </div>
                            <button type="submit" class="btn btn-default">立即登录</button>                         
                            <nav class="navbar navbar-default" style="margin-top: 10px;">
                                <a class="navbar-brand" href="#">其他登录</a>
                                <ul class="nav navbar-nav">
                                    <li><a href="#"><span class="text-info"><i class="fa fa-qq fa-fw"></i>QQ</span></a></li>
                                    <li><a href="#"><span class="text-success"><i class="fa fa-weixin fa-fw"></i>微信</span></a></li>
                                    <li><a href="#"><span class="text-danger"><i class="fa fa-weibo fa-fw"></i>微博</span></a></li>
                                    <li><a href="#"><span class="text-primary"><i class="fa fa-google fa-fw"></i>谷歌</span></a></li>
                                </ul>
                            </nav>
                            <div style="border-top:solid 1px #DDD; margin-top:10px; padding:20px 0 10px 0; font-size:12px; line-height:30px; color:#666;">
                                还没有帐号? 
                                <a href="{:url('Registion/index')}" class="btn btn-success btn-sm">免费注册</a>
                                <a href="{:url('User/forgot_password')}" class="btn btn-danger btn-sm">忘记密码?</a>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <!--<img src="__theme__/zishu/img/login_show.png" alt="" style="margin-top:50px" class="img-rounded" />-->
            </div>
        </div>
    </div>
</div>
{/block}
{block name="body_foot"}
<script>
    $('.xsui-captcha-group a, .xsui-captcha-group img').click(function () {
        var $img = $('.xsui-captcha-group img');
        $img.attr('src', $img.attr('src'));
        return false;
    })
</script>
{/block}